<!DOCTYPE html>
<html lang="en">
	<head>
		<meta charset="utf-8">
		<link href="css/bootstrap.min.css" rel="stylesheet" media="screen">
		<script src="js/jquery-1.9.1.js"></script>
		<script src="js/jcanvas.min.js"></script>
		<title>Juegos</title>

	</head>
	<body>		
	
		<div class="navbar navbar-fixed-top">
			<div class="navbar-inner">
		   		<div class="container">
			    	<!-- .btn-navbar is used as the toggle for collapsed navbar content -->
					<a class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse">
					  <span class="icon-bar"></span>
					  <span class="icon-bar"></span>
					  <span class="icon-bar"></span>
					</a>
			
					<!-- Be sure to leave the brand out there if you want it shown -->
					<a class="brand" href="./index.html">Juego</a>
			
					<!-- Everything you want hidden at 940px or less, place within here -->
					<div class="nav-collapse collapse">
					  	<!-- .nav, .navbar-search, .navbar-form, etc -->
						<ul class="nav">
							<li> <a>Juego nuevo </a></li>
							<li> <a>Otro </a></li>
							<li> <a>Otro2 </a></li>
							<li> <a>Otro3 </a></li>
							<li> <a>Otro45 </a></li>
						</ul>
			      	</div>
		 
		    	</div>
			</div>
		</div>
		
		<canvas id="canvasJuego" width="$(window).width()" height="$(window).height()"> </canvas>
		<p id="juego">  </p>
		<script src="js/regiment.js"></script>
		
		<div id="cartas">
		</div>
		
		<h1> En producción </h1>
		<p>Links de interés</p>
		<ul>
			<li> <a href="http://twitter.github.com/bootstrap/index.html" target="_blank"> Bootstrap </a> </li>
			<li> <a href="http://jquery.com/" target="_blank"> jQuery </a> </li>
			<li> <a href="http://calebevans.me/projects/jcanvas/" target="_blank"> jCanvas </a> </li>
		</ul>

		<h1> En producción </h1>
		<h1> Javascript </h1>
		<h1> Eventos del mouse </h1>
			Los eventos son:
			<ul>
				<li><strong>mousedown </strong> el usuario presiona el botón del mouse sobre un elemento </li>
				<li><strong>mouseup</strong> el usuario libera el botón del mouse sobre un elemento</li>
				<li><strong>click</strong> se detecta en un elemento un mousedown y un mouseup</li>
				<li><strong>dblclick</strong> el usuario hace doble click sobre un elemento</li>
			</ul>


			
#####  Color Palette by Color Scheme Designer
#####  Palette URL: http://colorschemedesigner.com/#4H61Zw0w0w0w0
#####  Color Space: RGB; 



*** Primary Color:

   var. 1 = #7109AA = rgb(113,9,170)
   var. 2 = #602580 = rgb(96,37,128)
   var. 3 = #48036F = rgb(72,3,111)
   var. 4 = #9F3ED5 = rgb(159,62,213)
   var. 5 = #AD66D5 = rgb(173,102,213)

*** Secondary Color A:

   var. 1 = #D60062 = rgb(214,0,98)
   var. 2 = #A1285F = rgb(161,40,95)
   var. 3 = #8B003F = rgb(139,0,63)
   var. 4 = #EB3B8B = rgb(235,59,139)
   var. 5 = #EB6AA4 = rgb(235,106,164)

*** Secondary Color B:

   var. 1 = #2E16B1 = rgb(46,22,177)
   var. 2 = #3B2E84 = rgb(59,46,132)
   var. 3 = #180773 = rgb(24,7,115)
   var. 4 = #604BD8 = rgb(96,75,216)
   var. 5 = #8070D8 = rgb(128,112,216)

*** Complementary Color:

   var. 1 = #FFFF00 = rgb(255,255,0)
   var. 2 = #BFBF30 = rgb(191,191,48)
   var. 3 = #A6A600 = rgb(166,166,0)
   var. 4 = #FFFF40 = rgb(255,255,64)
   var. 5 = #FFFF73 = rgb(255,255,115)


#####  Generated by Color Scheme Designer (c) Petr Stanicek 2002-2010
	</body>
</html>
